<!DOCTYPE HTML>
<html>
<head>
<title>施工规范</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />

<!-- Custom CSS -->
<link href="css/style.css" rel='stylesheet' type='text/css' />

<!-- font-awesome icons CSS -->
<link href="css/font-awesome.css" rel="stylesheet">
<link href='css/new-goods.css' media='all' rel='stylesheet' type='text/css'/>
<!-- //font-awesome icons CSS -->

 <!-- side nav css file -->
 <link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
 <!-- side nav css file -->
<link href='css/commodity.css' media='all' rel='stylesheet' type='text/css'/>

 <!-- js-->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/modernizr.custom.js">
</script>

<!--webfonts-->
<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<!--//webfonts--> 

<!-- Metis Menu -->
<script src="js/metisMenu.min.js"></script>
<script src="js/custom.js"></script>
<link href="css/custom.css" rel="stylesheet">
<!--//Metis Menu -->

<!-- calendar -->
<link rel="stylesheet" href="css/monthly.css">
<!-- //calendar -->

</head> 
<body class="cbp-spmenu-push">
	<div class="main-content">
	<div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
		<!--left-fixed -navigation-->
		<aside class="sidebar-left">
      <nav class="navbar navbar-inverse">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            <h1><a class="navbar-brand" href="index.html"><span class="fa fa-pie-chart"></span>智能工程管理平台</a></h1>
          </div>
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="sidebar-menu">
              <li class="header">MAIN NAVIGATION</li>
              <li class="treeview">
                <a href="index.html">
                <i class="fa fa-dashboard"></i> <span>首 页</span>
                </a>
              </li>
			  <li class="treeview">
                <a href="#">
                <i class="fa fa-th"></i>
                <span>分类管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                  <li><a href="classify.html"><i class="fa fa-angle-right"></i>材料分类</a></li>
                </ul>
              </li>
              <li class="treeview">
                <a href="#">
               <i class="fa fa-laptop"></i>
                <span>材料管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                  <li><a href="commodity.html"><i class="fa fa-angle-right"></i>材料列表</a></li>
                  <li><a href="new-goods.html"><i class="fa fa-angle-right"></i>添加材料</a></li>
                </ul>
              </li>
               <li class="treeview">
                <a href="#">
                <i class="fa fa-edit"></i>
                <span>项目管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="Message.html"><i class="fa fa-angle-right"></i>进度报告</a></li>
                    <li><a href="Base.html"><i class="fa fa-angle-right"></i>检测报告</a></li>
                    <li><a href="Mountain.html"><i class="fa fa-angle-right"></i>员工考核</a></li>
                    <li><a href="media.html"><i class="fa fa-angle-right"></i>新增项目</a></li>
                </ul>
              </li>
              <li class="treeview">
                <a href="charts.html">
                <i class="fa fa-pie-chart"></i>
                <span>公告管理</span>

                </a>
              </li>
              <li class="treeview">
              <li class="treeview">
                <a href="#">
                <i class="fa fa-laptop"></i>
                <span>用户管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                  <li><a href="user.html"><i class="fa fa-angle-right"></i>用户列表</a></li>
                  <li><a href="new-user.html"><i class="fa fa-angle-right"></i>新增用户</a></li>
                </ul>
              </li>
			  <li>
                <a href="literature.html">
                <i class="fa fa-th"></i> <span>施工规范</span>

                </a>
              </li>
               <li class="treeview">
                <a href="#">
                <i class="fa fa-folder"></i> <span>仓库管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="tool.html"><i class="fa fa-angle-right"></i>工具管理</a></li>
                    <li><a href="vacation.html"><i class="fa fa-angle-right"></i>仓库统计</a></li>
                </ul>
              </li>
                <li class="treeview"> <a href="userStatistics.html"> <i class="fa fa-pie-chart"></i> <span>合格率统计</span> </a> </li>
            </ul>
          </div>
          <!-- /.navbar-collapse -->
      </nav>
    </aside>
	</div>
		<!--left-fixed -navigation-->
		
		<!-- header-starts -->
		<div class="sticky-header header-section ">
			<div class="header-left">
				
				<!--toggle button start-->
				<button id="showLeftPush"><i class="fa fa-bars"></i></button>
				<!--toggle button end-->
				<!--notification menu end -->
				<div class="clearfix"> </div>
			</div>

			<div class="clearfix"> </div>	
		</div>
		<!-- //header-ends -->
		<!-- main content start-->
		<div id="page-wrapper">
			<div class="main-page">
				<div class="palette">
                	<span class="pull-left mar-r-5 mar-t-8"><i class="fa fa-th mar-r-5"></i>文献名称</span>
                    <form action="#" method="post" >
						<input class="palette-input" type="text" id="name" required>

                        <button type="button"  class="pull-right btn btn-primary btn-flat btn-pri" onclick="queryLieratureList()"><i class="fa fa-search"></i>查询</button>
					</form>
                </div>
				<div class="elements">
                	<div class="col-sm-12 w3-agileits-crd widgettable">
                            <div class="card">
                                <div class="card-body">
							<div class="agileinfo-cdr">
                                        
                                <div class="card-header">
                                    <h3><span class="mar-t-8 line-height35">施工规范</span>
                                        <a href="addLiterature.html"><button type="button"  class="pull-right btn btn-primary ">新增文献</button></a>
                                    </h3>
                                     
                                </div>
                                <hr class="widget-separator">
                                        
                                        <div class="widget-body">
                                            <table id="literatureTable" class="table table-bordered" >

                                            </table>
                                            <ul id="queryList" class="pagination pagination-lg">
                                            </ul>
                                        </div>
                                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                                            <div class="modal-dialog-a" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                        <h4 class="modal-title" id="exampleModalLabel">修改文章</h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        <form id="uploadPic" enctype="multipart/form-data" class="form-horizontal">
                                                            <div class="form-group">
                                                                <label for="focusedinput" class="col-sm-2 control-label">文献标题：</label>
                                                                <div class="col-sm-3">
                                                                    <input type="text" class="form-control1" id="literatureName" placeholder="请输入标题">
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="col-sm-2 control-label">文献图片：</label>
                                                                <div class="col-sm-8">
                                                                    <div class="img-box full">
                                                                        <section class=" img-section">
                                                                            <p class="up-p">注：<span class="up-span">最多可以上传5张图片，马上上传</span></p>
                                                                            <div id="lunbo" class="z_photo upimg-div clear" >
                                                                                <section class="z_file fl">
                                                                                    <img src="img/a11.png" class="add-img">
                                                                                    <input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
                                                                                </section>
                                                                            </div>
                                                                        </section>
                                                                    </div>
                                                                    <aside class="mask works-mask">
                                                                        <div class="mask-content">
                                                                            <p class="del-p ">您确定要删除作品图片吗？</p>
                                                                            <p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
                                                                        </div>
                                                                    </aside>
                                                                </div>
                                                                <div class="col-sm-5" style="margin-left:270px;">
                                                                    <div class="checkbox-inline1 padding-15">支持jpg、rgb、png格式</div>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="col-sm-2 control-label">文献备注：</label>
                                                                <div class="col-sm-3">
                                                                    <input type="textarea" class="form-control1" id="literatureDesc" style="width: 538px;height: 100px">
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-primary" onclick="updateLiterature()">确认</button>
                                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
					<!--photoday-section-->	
						<div class="clearfix"></div>
                   
	<!--//photoday-section-->

	
				</div>
			</div>
		</div>
		<!--footer-->
		<div class="footer">
		   <p>敦化市建筑安装有限公司</p>
	   </div>
        <!--//footer-->
	</div>
	
	<!-- side nav js -->
	<script src='js/SidebarNav.min.js' type='text/javascript'></script>
	<script>
      $('.sidebar-menu').SidebarNav()
    </script>
	<!-- //side nav js -->
	
	<!-- Classie --><!-- for toggle left push menu script -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!-- //Classie --><!-- //for toggle left push menu script -->
		
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
    <script src="js/scripts.js"></script>
    <script src="js/factory/config.js"></script>
    <script src="js/factory/literature.js"></script>
	<!--//scrolling js-->
	
	<!-- Bootstrap Core JavaScript -->
   <script src="js/bootstrap.js"> </script>
    <script src="js/imgUp.js"></script>
   
</body>
</html>